// @import "./config.scss";
$appHeaderHeight:50px;
$sidebarItemHeight:45px;
$headerHeight: 40px;
$leftWidth: 240px;
@import "./base.scss";
@import "./theme.scss";
@import "../mixins/index.scss";
@import "../variable/index.scss";
@import "./sidebar.scss";
@import "./systemUser.scss";
@import "./tableSearch.scss";
@import "./baseDialog.scss";
@import "./systemRoute.scss";
@import "./appHeader.scss";
@import "./dataDashboard/index.scss";
@import "./themeSetting/index.scss";
@import "./elementVarible.scss";

.sub-el-icon {
    color: currentColor;
    width: 1em;
    height: 1em;
    font-size: 14px;
}

.pagination-container {
    background: #fff;
    padding: 10px;
}

.pagination-container.hidden {
    display: none;
}

.app-main {
    height: 100%;
    width: calc(100% - 240px);
    position: relative;
    overflow: hidden;
    padding: 0 6px 6px 6px;
    background-color: #eeeeee;

    .app-main-container {
        height: calc(100% - 50px - 10px);
    }
}

.Form {
    .el-range-editor.el-input__inner {
        width: 100%;
    }

}

.otherController {
    .one {
        @include color;
    }

    .two {
        @include color;
        .three{
            @include color;
            @include bg_color;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 400px;
            height: 300px;
        }
    }
}